@import '../../../styles/public.less';

.flex-justify-content() {
  display: flex;
  align-items: center;
  justify-content: space-between;
}



.newTeamWrap {
  //height: 100%;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 15px;


  .formContent {
    display: flex;
    //align-items: center;

    .formContentLeft {
      flex: 4;
    }



    .formContentRight {
      flex: 6;
      margin-left: 50px;

      .manScroll {
        height: 280px;
        overflow: auto;
        .commonDScrollbar();
      }

      .RightTopPlusOutlinedWrap {
        float: left;
        padding-top: 30px;
        width: calc(100% / 8.8);
        display: flex;
        justify-content: center;


      }

      .RightTopPlusOutlined {
        font-size: 24px;
        color: #C4C4C4;
        width: 60px;
        height: 60px;
        border: 1px dashed #d9d9d9;
        border-radius: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
      }



      .formContentRightTop {
        display: flex;


      }

      .manItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        float: left;
        padding-top: 30px;
        width: calc(100% / 8.8);

        .manTop {
          position: relative;
        }

        .manItemImg {
          width: 60px;
          height: 60px;
          border-radius: 60px;

        }

        .manItemName {
          font-weight: 600;
          color: rgba(0, 0, 0, 0.8);
          margin-top: 6px;
          margin-bottom: 2px;
        }

        .manItemBottom {
          font-size: 12px;
          color: rgba(0, 0, 0, 0.45);
        }

        .MinusCircleFilledWrap {
          position: absolute;
          left: 50px;
          top: 0;
          width: 20px;
          height: 20px;
          border: 4px solid #ffffff;
          border-radius: 22px;

          .smallMinusCircleFilled {
            color: red;
            font-size: 16px;
            position: relative;
            left: -1.9px;
            top: -5.5px;
          }
        }

      }



    }
  }


  .cancel {
    width: 110px;
    height: 40px;
    background: #FAFAFA;
    color: rgba(0, 0, 0, 0.45);
  }

  .determine {
    width: 110px;
    height: 40px;
    background: #1890FF;
    color: #FFFFFF;
    border: 1px solid #1890FF;
  }

}